<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Delicacies Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- FlexSlider -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
						$(window).load(function(){
						  $('.flexslider').flexslider({
							animation: "slide",
							start: function(slider){
							  $('body').removeClass('loading');
							}
						  });
						});
					  </script>
<!-- //FlexSlider -->
<link href='https://fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
</head>
	
<body>
<!-- banner -->
	<div class="banner1">
		<div class="container">
			<div class="header-nav">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<div class="logo">
							<a class="navbar-brand" href="index.html">棠记甜品 <span style="size: 25px">TJ·DESSERT</span></a>
						</div>
					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="hvr-bounce-to-bottom"><a href="index.html">首页</a></li>
							<li class="hvr-bounce-to-bottom"><a href="about.html">了解品牌</a></li>
							<!--<li class="hvr-bounce-to-bottom"><a href="typo.html">Codes</a></li>-->
							<!--<li class="hvr-bounce-to-bottom"><a href="menu.html">Menu</a></li>-->
							<li class="hvr-bounce-to-bottom active"><a href="contact.html">联系我们</a></li>
						</ul>
					</div><!-- /.navbar-collapse -->
				</nav>
			</div>
		</div>
	</div>
<!-- //banner -->
<!-- menu -->
	<div class="menu">
		<div class="container">
			<h3>Menu</h3>
			<p class="nihil">Nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
			<div class="menu-grids">
				<div class="col-md-4 menu-grid">
					<div class="menu-grd">
						<img src="images/14.jpg" alt=" " class="img-responsive" />
						<h4>dolorem eum fugiat</h4>
						<p>Duis aute irure dolor in reprehenderit in voluptate velit esse 
							cillum dolore eu fugiat nulla pariatur.</p>
						<div class="menu-grd-pos">
							<p>$15</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 menu-grid">
					<div class="menu-grd">
						<img src="images/11.jpg" alt=" " class="img-responsive" />
						<h4>dolorem eum fugiat</h4>
						<p>Duis aute irure dolor in reprehenderit in voluptate velit esse 
							cillum dolore eu fugiat nulla pariatur.</p>
						<div class="menu-grd-pos">
							<p>$15</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 menu-grid">
					<div class="menu-grd">
						<img src="images/10.jpg" alt=" " class="img-responsive" />
						<h4>dolorem eum fugiat</h4>
						<p>Duis aute irure dolor in reprehenderit in voluptate velit esse 
							cillum dolore eu fugiat nulla pariatur.</p>
						<div class="menu-grd-pos">
							<p>$15</p>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="dinner">
				<div class="dinner-info">
					<h3>Dessert Special</h3>
					<div class="dinner-info-grid">
						<h4>dolor in reprehenderit voluptate</h4>
						<p>Lorem Ipsum passages, and more recently with 
							desktop publishing software like Aldus.<span>$45</span></p>
					</div>
					<div class="dinner-info-grid">
						<h4>dolor in reprehenderit voluptate</h4>
						<p>Lorem Ipsum passages, and more recently with 
							desktop publishing software like Aldus.<span>$45</span></p>
					</div>
				</div>
			</div>
			<div class="menu-grids">
				<div class="col-md-4 menu-grid">
					<div class="menu-grd">
						<img src="images/16.jpg" alt=" " class="img-responsive" />
						<h4>dolorem eum fugiat</h4>
						<p>Duis aute irure dolor in reprehenderit in voluptate velit esse 
							cillum dolore eu fugiat nulla pariatur.</p>
						<div class="menu-grd-pos">
							<p>$15</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 menu-grid">
					<div class="menu-grd">
						<img src="images/17.jpg" alt=" " class="img-responsive" />
						<h4>dolorem eum fugiat</h4>
						<p>Duis aute irure dolor in reprehenderit in voluptate velit esse 
							cillum dolore eu fugiat nulla pariatur.</p>
						<div class="menu-grd-pos">
							<p>$15</p>
						</div>
					</div>
				</div>
				<div class="col-md-4 menu-grid">
					<div class="menu-grd">
						<img src="images/18.jpg" alt=" " class="img-responsive" />
						<h4>dolorem eum fugiat</h4>
						<p>Duis aute irure dolor in reprehenderit in voluptate velit esse 
							cillum dolore eu fugiat nulla pariatur.</p>
						<div class="menu-grd-pos">
							<p>$15</p>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	

<!-- //menu -->
<!-- footer -->
	<div class="footer">
		<div class="container">				 	
			<div class="col-md-2 ftr_navi ftr">
				<h3>Navigation</h3>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="menu.html">menu</a></li>
					<li><a href="index.html">Services</a></li>						
					<li><a href="about.html">About</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div>
			<div class="col-md-3 ftr_navi ftr">
					 <h3>Members</h3>
					 <ul>
						 <li><a href="#">Deserunt Mollit</a></li>
						 <li><a href="#">Nulla Pariatur</a></li>
						 <li><a href="#">Voluptate Velit</a></li>						
						 <li><a href="#">Reprehenderit</a></li>
						 <li><a href="#">Training</a></li>
					 </ul>
			</div>
			<div class="col-md-3 get_in_touch ftr">
				<h3>Get In Touch</h3>
				<p>Ola-ola street jump,</p>
				<p>260-14 City, Country</p>
				<p>+62 000-0000-00</p>
				<a href="mailto:info@example.com">info@example.com</a>
			</div>
			<div class="col-md-4 ftr-logo">
				<a href="index.html"><h3>Delicacies <span> The Best Cake Bakery</span></h3></a>
				<ul>
					<li><a href="#" class="facebook"> </a></li>
					<li><a href="#" class="twitter"> </a></li>
					<li><a href="#" class="g"> </a></li>
					<li><a href="#" class="in"> </a></li>
				</ul>
				<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
<!--footer-->
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"> </script>
<!-- //for bootstrap working -->
</body>
</html>